import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

import LayoutComponent from '@/layout'
import LayoutComponent0 from '@/layout/index0'
import LayoutComponent1 from '@/layout/index1'

import articleRouter from "./article"


export const constantRoutes = [
  {
    path: '/401',
    component: () => import('@/view/error-page/401'),
    hidden: true
  },
  {
    path: '/',
    component: LayoutComponent,
    // component: () => import('@/view/index/index'),
    // component: null,
    redirect: '/index',
    children: [
      {
        path: 'index',
        component: () => import('@/view/index/index'),
        name: '首页',
        meta: { title: '首页', icon: 'dashboard', affix: true }
      },
      {
        path: 'home',
        // component: Layout,
        redirect: 'index',
      },
      {
        path: '/index0',
        component: LayoutComponent0,
      },
      {
        path: '/index1',
        component: LayoutComponent1,
      },
      {
        path: 'test',
        component: () => import('@/view/test/index'),
        name: '测试',
        meta: { title: '测试', icon: 'dashboard', affix: true }
      },
    ]
  },
  articleRouter
]

const createRouter = () => new Router({
  // mode: 'history', // require service support
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes
})

const router = createRouter()

// 为什么要重置？
// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
// export function resetRouter() {
//   const newRouter = createRouter()
//   router.matcher = newRouter.matcher // reset router
// }

export default router
